<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>详情页</title>
    <link rel="stylesheet" href="./assets/vendors/font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="./assets/css/public.css">
    <link rel="stylesheet" href="./assets/css/index.css">
    <link rel="stylesheet" href="./assets/css/detail.css">
</head>

<body>
    <div class="wrapper clear">
        <!-- 阿里百秀 -->
        @@include('./common/home/header.html')
        <!-- 右侧导航 -->
        <div class="aside fr">
            <div class="widgets">
                <h4>搜索</h4>
                <div class="search">
                    <form action="">
                        <input type="text" name="" id="" class="keys" placeholder="输入关键字">
                        <input type="submit" class="btn" value="搜索">
                    </form>
                </div>
            </div>
            <div class="widgets">
                <h4>随机推荐</h4>
                <ul class="random">
                    <li>
                        <a href="JavaScript:;">
                            <div class="random-text fl">
                                <p class="title">废灯泡的14种玩法 妹子见了都会心动</p>
                                <p class="reading">阅读(819)</p>
                            </div>
                            <div class="pic fr"><img src="./uploads/widget_1.jpg" alt=""></div>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <div class="random-text fl">
                                <p class="title">废灯泡的14种玩法 妹子见了都会心动</p>
                                <p class="reading">阅读(819)</p>
                            </div>
                            <div class="pic fr"><img src="./uploads/widget_1.jpg" alt=""></div>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <div class="random-text fl">
                                <p class="title">废灯泡的14种玩法 妹子见了都会心动</p>
                                <p class="reading">阅读(819)</p>
                            </div>
                            <div class="pic fr"><img src="./uploads/widget_1.jpg" alt=""></div>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <div class="random-text fl">
                                <p class="title">废灯泡的14种玩法 妹子见了都会心动</p>
                                <p class="reading">阅读(819)</p>
                            </div>
                            <div class="pic fr"><img src="./uploads/widget_1.jpg" alt=""></div>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;">
                            <div class="random-text fl">
                                <p class="title">废灯泡的14种玩法 妹子见了都会心动</p>
                                <p class="reading">阅读(819)</p>
                            </div>
                            <div class="pic fr"><img src="./uploads/widget_1.jpg" alt=""></div>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="widgets">
                <h4>最新评论</h4>
                <ul class="discuz">
                    <li>
                        <a href="">
                            <div class="avatar fl"><img src="./img/avatar_1.jpg" alt=""></div>
                            <div class="text">
                                <p>
                                    <span>鲜活</span>
                                    <i>2020-02-01说: </i>
                                </p>
                                <p>挺会玩的</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="avatar fl"><img src="./img/avatar_1.jpg" alt=""></div>
                            <div class="text">
                                <p>
                                    <span>鲜活</span>
                                    <i>2020-02-01说: </i>
                                </p>
                                <p>挺会玩的</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="avatar fl"><img src="./img/avatar_1.jpg" alt=""></div>
                            <div class="text">
                                <p>
                                    <span>鲜活</span>
                                    <i>2020-02-01说: </i>
                                </p>
                                <p>挺会玩的</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="avatar fl"><img src="./img/avatar_1.jpg" alt=""></div>
                            <div class="text">
                                <p>
                                    <span>鲜活</span>
                                    <i>2020-02-01说: </i>
                                </p>
                                <p>挺会玩的</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="avatar fl"><img src="./img/avatar_1.jpg" alt=""></div>
                            <div class="text">
                                <p>
                                    <span>鲜活</span>
                                    <i>2020-02-01说: </i>
                                </p>
                                <p>挺会玩的</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <div class="avatar fl"><img src="./img/avatar_1.jpg" alt=""></div>
                            <div class="text">
                                <p>
                                    <span>鲜活</span>
                                    <i>2020-02-01说: </i>
                                </p>
                                <p>挺会玩的</p>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="content">
            <div class="article">
                <div class="breadcrumb">
                    <dl>
                        <dt>当前位置：</dt>
                        <dd><a href="">奇趣事</a></dd>
                        <dd>
                            <span>&nbsp;>&nbsp;</span>
                            变废为宝！将手机旧电池变为充电宝的Better RE移动电源
                        </dd>
                    </dl>
                </div>
                <h2 class="title">
                    <a href="">又现酒窝夹笔盖新技能 城里人是不让人活了！</a>
                </h2>
                <div class="meta">
                    <span>DUX主题小秘 发布于 2020-06-29</span>
                    <span>
                        分类
                        <a href="">奇趣事</a>
                    </span>
                    <span>阅读: (2421)</span>
                    <span>评论: (143)</span>
                </div>
            </div>
            <!-- 提交评论 -->
            <div class="comment">
                <form action="">
                    <textarea name="" id="" cols="30" rows="10"></textarea>
                    <input type="submit" value="提交评论">
                </form>
            </div>
            <!-- 热门推荐 -->
            @@include('./common/home/hots.html')
        </div>
    </div>
</body>
@@include('./common/base.html')
</html>